<template>
  <div class="syui-demo-page">
    <div class="syui-usage" v-html="usageHtml"></div>
    <div id="syui-container">
      <ui-device>
        <slot></slot>
      </ui-device>
    </div>
  </div>
</template>

<script>
  import showdown from 'showdown'
  export default {
    props: {
      usage: String
    },
    computed: {
      usageHtml () {
        let converter = new showdown.Converter()
        return converter.makeHtml(this.usage)
      }
    }
  }
</script>
